<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style/base.css">
    <link rel="stylesheet" href="style/topbar.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="font-1/iconfont.css">
    <link rel="stylesheet" href="style/header.css">
    <link rel="stylesheet" href="style/right-bar.css">
    <link rel="stylesheet" href="style/public.css">
    <link rel="stylesheet" href="style/banner.css">
    <link rel="stylesheet" href="style/main.css">
    <link rel="stylesheet" href="style/footer.css">
    <link rel="stylesheet" href="style/info.css">
    <title>小米实战</title>
</head>
<body>
    

    <!-- topbar strat -->
    <div id="topbar">
        <div class="container clearfix">
            <div class="topbar-nav fl-l">
                <ul class="clearfix">
                    <li class="fl-l"><a href="#">小米商城</a></li>
                    <li class="fl-l"><a href="#">MIUI</a></li>
                    <li class="fl-l"><a href="#">IoT</a></li>
                    <li class="fl-l"><a href="#">云服务</a></li>
                    <li class="fl-l"><a href="#">金融</a></li>
                    <li class="fl-l"><a href="#">有品</a></li>
                    <li class="fl-l"><a href="#">小爱开放平台</a></li>
                    <li class="fl-l"><a href="#">政企服务</a></li>
                    <li class="fl-l"><a href="#">资质证照</a></li>
                    <li class="fl-l"><a href="#">协议规则</a></li>
                    <li class="fl-l pos-r">
                        <a href="#">下载app</a>
                        <div class="download pos-a">
                            <img width="260" height="260" src="images/topbar/download.png" alt="">
                            <span>小米商城APP</span>
                        </div>
                    </li>
                    <li class="fl-l"><a href="#">Select Region</a></li>
                </ul>
            </div>
            <div class="topbar-use fl-r clearfix">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a href="#">消息通知</a>
                <a class="shopcar fl-r pos-r" href="#">
                        <i class="iconfont icon-gouwuche"></i>
                    购物车(0)
                    <div class="shopcar-list t-a-c pos-a">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!-- topbar end -->

    <!-- header strat -->
    <div id="header" class="pos-r">
        <div class="container clearfix">
            <!-- logo start -->
            <div class="logo fl-l">
                <h1>小米官网</h1>
            </div>
            <!-- logo end -->

            <!-- nav start -->
            <div class="nav fl-l">
                    <ul class="clearfix">
                        <li class="fl-l">
                            <a href="#">小米手机</a>
                            <div class="nav-list pos-a">
                                <div class="container">
                                    <ul class="clearfix t-a-c">
                                        <li class="fl-l pos-r">
                                            <a href="#">
                                                <img src="images/head-nav/mi-1.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米9</a>
                                            </div>
                                            <p class="price">
                                                2999元起
                                            </p>
                                            <div class="flags">
                                                <div class="flag">新品</div>
                                            </div>
                                        </li>
                                        <li class="fl-l pos-r">
                                            <a href="#">
                                                <img src="images/head-nav/mi-2.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米9SE</a>
                                            </div>
                                            <p class="price">
                                                1999元起
                                            </p>
                                            <div class="flags">
                                                    <div class="flag">新品</div>
                                                </div>
                                        </li>
                                        <li class="fl-l pos-r">
                                            <a href="#">
                                                <img src="images/head-nav/mi-3.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米MIX3</a>
                                            </div>
                                            <p class="price">
                                                3299元起
                                            </p>
                                        </li>
                                         <li class="fl-l pos-r">
                                            <a href="#">
                                                <img src="images/head-nav/mi-4.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米8 青春版</a>
                                            </div>
                                            <p class="price">
                                                1499元起
                                            </p>
                                         </li>
                                        <li class="fl-l pos-r">
                                            <a href="#">
                                                <img src="images/head-nav/mi-5.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米8</a>
                                            </div>
                                            <p class="price">
                                                2599元起
                                            </p>
                                        </li>
                                        <li class="fl-l pos-r-b">
                                             <a href="#">
                                                <img src="images/head-nav/mi-6.png" alt="">
                                            </a>
                                            <div class="title">
                                                 <a href="#">小米play</a>
                                            </div>
                                            <p class="price">
                                                1099元起
                                            </p>
                                            <div class="flags">
                                                <div class="flag">新品</div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">红米</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hmi-1.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">红米note7</a>
                                                </div>
                                                <p class="price">
                                                    999元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">新品</div>
                                                </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hmi-2.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">红米6</a>
                                                </div>
                                                <p class="price">
                                                    729元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hmi-3.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">红米6A</a>
                                                </div>
                                                <p class="price">
                                                    549元起
                                                </p>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hmi-4.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">红米note5</a>
                                                </div>
                                                <p class="price">
                                                    1049元起
                                                </p>
                                             </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">电视</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/tv-1.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米电视4S 75英寸</a>
                                                </div>
                                                <p class="price">
                                                    7999元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">新品</div>
                                                </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/tv-2.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米电视4A 32英寸</a>
                                                </div>
                                                <p class="price">
                                                    799元起
                                                </p>
                                                <div class="flags">
                                                        <div class="flag">热卖</div>
                                                    </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/tv-3.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米电视4A 43英寸青春版</a>
                                                </div>
                                                <p class="price">
                                                    1399元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">新品</div>
                                                </div>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/tv-4.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米电视4A 50英寸</a>
                                                </div>
                                                <p class="price">
                                                    1899元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">热卖</div>
                                                </div>
                                             </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/tv-5.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米电视4A 55英寸</a>
                                                </div>
                                                <p class="price">
                                                    2199元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">热卖</div>
                                                </div>
                                            </li>
                                            <li class="fl-l pos-r-b">
                                                 <a href="#">
                                                    <img src="images/head-nav/tv-6.png" alt="">
                                                </a>
                                                <div class="title">
                                                     <a href="#">查看全部</a>
                                                </div>
                                                <div class="title">
                                                    <a href="#">小米电视</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">笔记本</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/pc-1.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米笔记本 Air 12.5"</a>
                                                </div>
                                                <p class="price">
                                                    3599元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/pc-2.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米笔记本 Air 13.3"</a>
                                                </div>
                                                <p class="price">
                                                    4999元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/pc-3.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米笔记本 15.6"</a>
                                                </div>
                                                <p class="price">
                                                    4199元起
                                                </p>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/pc-4.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米笔记本 Pro 15.6"</a>
                                                </div>
                                                <p class="price">
                                                    5999元起
                                                </p>
                                                <div class="flags">
                                                        <div class="flag">热剧同款</div>
                                                    </div>
                                             </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/pc-5.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米游戏本</a>
                                                </div>
                                                <p class="price">
                                                    6699元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r-b">
                                                 <a href="#">
                                                    <img src="images/head-nav/pc-6.png" alt="">
                                                </a>
                                                <div class="title">
                                                     <a href="#">小米平板</a>
                                                </div>
                                                <p class="price">
                                                    1099元起
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">家电</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/family-1.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">米家互联网洗烘一体机10kg</a>
                                                </div>
                                                <p class="price">
                                                    2499元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/family-2.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">米家互联网空调（一级能效）</a>
                                                </div>
                                                <p class="price">
                                                    2499元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/family-3.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">米家互联网空调</a>
                                                </div>
                                                <p class="price">
                                                   1999元起
                                                </p>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/family-4.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米净水器</a>
                                                </div>
                                                <p class="price">
                                                    1999元起
                                                </p>
                                             </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/family-5.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">米家扫地机器人</a>
                                                </div>
                                                <p class="price">
                                                    1599元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r-b">
                                                 <a href="#">
                                                    <img src="images/head-nav/family-6.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                     <a href="#">新风机</a>
                                                </div>
                                                <p class="price">
                                                    2499元起
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">新品</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/mi-1.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米9</a>
                                                </div>
                                                <p class="price">
                                                    2999元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">新品</div>
                                                </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/mi-2.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米9SE</a>
                                                </div>
                                                <p class="price">
                                                    1999元起
                                                </p>
                                                <div class="flags">
                                                        <div class="flag">新品</div>
                                                    </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hmi-1.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">红米note7</a>
                                                </div>
                                                <p class="price">
                                                    999元起
                                                </p>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/new-4.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米无线充电宝 10000mAh</a>
                                                </div>
                                                <p class="price">
                                                    149元起
                                                </p>
                                             </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/new-5.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米无线车充</a>
                                                </div>
                                                <p class="price">
                                                    169元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r-b">
                                                 <a href="#">
                                                    <img src="images/head-nav/new-6.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                     <a href="#">米兔婴儿理发器</a>
                                                </div>
                                                <p class="price">
                                                    199元起
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">路由器</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/router-1.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米路由器 Mesh</a>
                                                </div>
                                                <p class="price">
                                                    9999元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">新品</div>
                                                </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/router-2.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米路由器 4</a>
                                                </div>
                                                <p class="price">
                                                    199元起
                                                </p>
                                                <div class="flags">
                                                        <div class="flag">双频双核</div>
                                                    </div>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/router-3.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米路由器 4C</a>
                                                </div>
                                                <p class="price">
                                                    799元起
                                                </p>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/router-4.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米路由器 3A</a>
                                                </div>
                                                <p class="price">
                                                    139元起
                                                </p>
                                             </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/router-5.png" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米路由器 HD/Pro</a>
                                                </div>
                                                <p class="price">
                                                    499元起
                                                </p>
                                                <div class="flags">
                                                    <div class="flag">大容量</div>
                                                </div>
                                            </li>
                                            <li class="fl-l pos-r-b">
                                                 <a href="#">
                                                    <img src="images/head-nav/router-6.png" alt="">
                                                </a>
                                                <div class="title">
                                                     <a href="#">查看全部小米路由器</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l">
                            <a href="#">智能硬件</a>
                            <div class="nav-list pos-a">
                                    <div class="container">
                                        <ul class="clearfix t-a-c">
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hardware-1.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米米家智能摄像机云台版</a>
                                                </div>
                                                <p class="price">
                                                    199元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hardware-2.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">米家自动洗手机套装</a>
                                                </div>
                                                <p class="price">
                                                    799元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hardware-3.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米蓝牙耳机AirDots青春版</a>
                                                </div>
                                                <p class="price">
                                                    199元起
                                                </p>
                                            </li>
                                             <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hardware-4.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">小米小爱音箱mini</a>
                                                </div>
                                                <p class="price">
                                                    169元起
                                                </p>
                                             </li>
                                            <li class="fl-l pos-r">
                                                <a href="#">
                                                    <img src="images/head-nav/hardware-5.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                    <a href="#">米家电动剃须刀</a>
                                                </div>
                                                <p class="price">
                                                    189元起
                                                </p>
                                            </li>
                                            <li class="fl-l pos-r-b">
                                                 <a href="#">
                                                    <img src="images/head-nav/hardware-6.jpg" alt="">
                                                </a>
                                                <div class="title">
                                                     <a href="#">查看全部</a>
                                                </div>
                                                <div class="title">
                                                    <a href="#">智能硬件</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </li>
                        <li class="fl-l"><a href="#">服务</a></li>
                        <li class="fl-l"><a href="#">社区</a></li>
                    </ul>
                </div>
            <!-- nav end -->

            <!-- search start -->
            <div class="search fl-r clearfix pos-r">
                <input class="fl-l" type="search">
                <input class="fl-r" type="submit" id="submit" value="">
                <label class="iconfont icon-sousuo pos-a" for="submit"></label>
                <div class="hot-goods pos-a">
                    <a href="#">小米9</a><a href="#">小米9SE</a>
                </div>
                <div class="search-list pos-a">
                    <ul>
                        <li>
                            <a href="#">
                                小米6X
                                <span class='fl-r'>约有6件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                小米MIX 2S
                                <span class='fl-r'>约有5件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                黑鲨游戏手机
                                <span class='fl-r'>约有3件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                红米note5
                                <span class='fl-r'>约有6件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                红米5A
                                <span class='fl-r'>约有13件</span>
                             </a>
                        </li>
                        <li>
                            <a href="#">
                                小米电视4C
                                <span class='fl-r'>约有5件</span>
                             </a>
                        </li>
                        <li>
                            <a href="#">
                                电视32英寸
                                <span class='fl-r'>约有3件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                笔记本pro
                                <span class='fl-r'>约有5件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                空气净化器
                                <span class='fl-r'>约有11件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                净水器
                                <span class='fl-r'>约有8件</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- search end -->
        </div>
    </div>
    <!-- header end -->

    <!-- banner strat -->
    <div id="banner">
        <div class="container">
            <!-- banner-wheel strat-->
            <div class="banner-wheel pos-r">
                <ul>
                    <li class="pos-a"><a href="#"><img src="images/banner/banner-1.jpg" alt=""></a></li>
                    <li class="pos-a"><a href="#"><img src="images/banner/banner-2.jpg" alt=""></a></li>
                    <li class="pos-a"><a href="#"><img src="images/banner/banner-3.jpg" alt=""></a></li>
                    <li class="pos-a"><a href="#"><img src="images/banner/banner-4.jpg" alt=""></a></li>
                    <li class="pos-a"><a href="#"><img src="images/banner/banner-5.jpg" alt=""></a></li>
                </ul>
                <div class="b-category pos-a">
                    <ul class="b-category-nav">
                        <li>
                            <a href="#">
                                手机 电话卡
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-4 pos-a clearfix">
                                <ul class="categroy-list-item fl-l">
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-1.png" alt="">
                                            <span>小米9</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-2.png" alt="">
                                            <span>小米9SE</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-3.png" alt="">
                                            <span>小米MIX 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-4.png" alt="">
                                            <span>小米8 青春版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-5.png" alt="">
                                            <span>小米8 屏幕指纹版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-6.png" alt="">
                                            <span>小米8</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="categroy-list-item fl-l">
                                    <li>
                                            <a href="#">
                                                <img src="images/subnav/mi-7.png" alt="">
                                                <span>小米8 SE</span>
                                            </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-8.png" alt="">
                                            <span>小米MIX 2S</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-9.png" alt="">
                                            <span>小米Max3</span>
                                         </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-10.jpg" alt="">
                                            <span>小米6X</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-11.png" alt="">
                                            <span>黑鲨游戏手机 Helo</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-12.png" alt="">
                                            <span>黑鲨游戏手机</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="categroy-list-item fl-l">
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-13.png" alt="">
                                            <span>红米Note 7</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-14.png" alt="">
                                            <span>红米6 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                             <img src="images/subnav/mi-15.png" alt="">
                                            <span>红米6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-16.png" alt="">
                                            <span>红米6A</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-17.png" alt="">
                                            <span>红米5</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-18.jpg" alt="">
                                            <span>移动4G+专区</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="categroy-list-item fl-l">
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-19.jpg" alt="">
                                            <span>对比手机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-20.jpg" alt="">
                                             <span></span>
                                                <span>米粉卡 日租卡</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-21.jpg" alt="">
                                             <span>小米移动 电话卡</span>
                                         </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-22.png" alt="">
                                            <span>手机上门维修</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/subnav/mi-23.jpg" alt="">
                                            <span>云服务空间月卡</span>
                                        </a>
                                    </li> 
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                电视 盒子
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-4 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-1.jpg" alt="">
                                                <span>米家激光投影电视</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-2.png" alt="">
                                                <span>小米电视4A 32英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-3.png" alt="">
                                                <span>小米电视4A 43英寸青春版</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-4.png" alt="">
                                                <span>小米电视4A 50英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-5.png" alt="">
                                                <span>小米电视4A 55英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-6.png" alt="">
                                                <span>小米电视4A 58英寸</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/tv-7.png" alt="">
                                                    <span>小米电视4A 65英寸</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-8.png" alt="">
                                                <span>小米电视4C 32英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-9.jpg" alt="">
                                                <span>米电视4C 40英寸</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-10.png" alt="">
                                                <span>米电视4C 43英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-11.png" alt="">
                                                <span>米电视4C 50英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-12.png" alt="">
                                                <span>小米电视4X 43英寸</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-12.png" alt="">
                                                <span>小米电视4X 55英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-14.png" alt="">
                                                <span>小米电视 体育版</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                 <img src="images/subnav/tv-15.png" alt="">
                                                <span>小米电视4 55英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-16.jpg" alt="">
                                                <span>小米电视4 65英寸旗舰版</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-17.png" alt="">
                                                <span>小米电视4S 32英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-18.png" alt="">
                                                <span>小米电视4S 50英寸</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-19.jpg" alt="">
                                                <span>小米电视4S 55英寸</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-20.png" alt="">
                                                 <span></span>
                                                    <span>小米电视4S 55英寸曲面</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-21.png" alt="">
                                                 <span>小米电视4S 65英寸</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-22.png" alt="">
                                                <span>小米电视4S 65英寸PRO</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/tv-23.jpg" alt="">
                                                <span>小米电视4S 75英寸</span>
                                            </a>
                                        </li> 
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/tv-24.jpg" alt="">
                                                    <span>小米盒子</span>
                                                </a>
                                            </li> 
                                    </ul>
                                </div>
                        </li>
                        <li>
                            <a href="#">
                                笔记本 平板
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-2 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-1.jpg" alt="">
                                                <span>小米笔记本 15.6"</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-2.png" alt="">
                                                <span>小米笔记本 13.3"</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-3.jpg" alt="">
                                                <span>小米笔记本 12.5"</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-4.jpg" alt="">
                                                <span>小米游戏本</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-5.jpg" alt="">
                                                <span>小米平板4</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-6.jpg" alt="">
                                                <span>键盘</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/pc-7.png" alt="">
                                                    <span>鼠标 / 鼠标垫</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-8.jpg" alt="">
                                                <span>转接器</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-9.jpg" alt="">
                                                <span>平板配件</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-10.jpg" alt="">
                                                <span>笔记本双肩包</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/pc-11.jpg" alt="">
                                                <span>小米笔记本内胆包</span>
                                            </a>
                                        </li>
                                    </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                家电 插线板
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-4 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-1.jpg" alt="">
                                                <span>米家互联网烘一体机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-2.jpg" alt="">
                                                <span>米家互联网空调一级能效</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-3.png" alt="">
                                                <span>米家互联网空调</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-4.jpg" alt="">
                                                <span>米家空调</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-5.jpg" alt="">
                                                <span>净水器</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-6.png" alt="">
                                                <span>净水器滤器</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-7.jpg" alt="">
                                                    <span>扫地机器人</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-8.jpg" alt="">
                                                <span>扫地机配件</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-9.jpg" alt="">
                                                <span>空气净化器</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-10.jpg" alt="">
                                                <span>电饭煲</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-11.jpg" alt="">
                                                <span>电磁炉</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/family-12.jpg" alt="">
                                                <span>厨房用具</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-13.jpg" alt="">
                                                    <span>电水壶</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-14.jpg" alt="">
                                                    <span>滤水壶</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-15.png" alt="">
                                                    <span>落地风扇</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-16.png" alt="">
                                                    <span>投影仪</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-17.jpg" alt="">
                                                    <span>灯具</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/family-18.jpg" alt="">
                                                    <span>插线板</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="categroy-list-item fl-l">
                                                <li>
                                                    <a href="#">
                                                        <img src="images/subnav/family-19.jpg" alt="">
                                                        <span>新风机</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="images/subnav/family-20.jpg" alt="">
                                                        <span>电滤器</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="images/subnav/family-21.jpg" alt="">
                                                        <span>电压力锅</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="images/subnav/family-22.jpg" alt="">
                                                        <span>料理机</span>
                                                    </a>
                                                </li>
                                            </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                出行 穿戴
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-2 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-1.jpg" alt="">
                                                <span>手环手表</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-2.jpg" alt="">
                                                <span>VR</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-3.jpg" alt="">
                                                <span>平衡车</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-4.jpg" alt="">
                                                <span>滑板车</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-5.jpg" alt="">
                                                <span>车载逆变器</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-6.jpg" alt="">
                                                <span>平衡车配件</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/go-7.jpg" alt="">
                                                    <span>智能后视镜</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-8.jpg" alt="">
                                                <span>智能记录仪</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-9.jpg" alt="">
                                                <span>车载空气净化器</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/go-10.jpg" alt="">
                                                <span>无线车充</span>
                                            </a>
                                        </li>
                                    </ul>
                            </div>
                         </li>
                        <li>
                            <a href="#">
                                智能 路由器
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-2 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-1.jpg" alt="">
                                                <span>打印机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-2.jpg" alt="">
                                                <span>路由器</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-3.jpg" alt="">
                                                <span>对讲机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-4.jpg" alt="">
                                                <span>智能家庭</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-5.jpg" alt="">
                                                <span>无人机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-6.jpg" alt="">
                                                <span>车载逆变器</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/router-7.jpg" alt="">
                                                    <span>照相机</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/router-8.jpg" alt="">
                                                <span>智能门锁</span>
                                            </a>
                                        </li>
                                    </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                电源 配件
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-3 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-1.jpg" alt="">
                                                <span>移动电源</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-2.jpg" alt="">
                                                <span>数据线</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-3.jpg" alt="">
                                                <span>车充</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-4.jpg" alt="">
                                                <span>充电器</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-5.jpg" alt="">
                                                <span>无线充</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-6.jpg" alt="">
                                                <span>电池</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/parts-7.jpg" alt="">
                                                    <span>自拍杆</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-8.jpg" alt="">
                                                <span>存储卡</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-9.jpg" alt="">
                                                <span>手机壳</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-10.jpg" alt="">
                                                <span>手机贴膜</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-11.jpg" alt="">
                                                <span>手机贴膜</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-12.jpg" alt="">
                                                <span>手机支架</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-13.jpg" alt="">
                                                <span>黑鲨配件</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/parts-14.jpg" alt="">
                                                <span>其他配件</span>
                                            </a>
                                        </li>
                                    </ul>
                            </div>
                         </li>
                        <li>
                            <a href="#">
                                健康 儿童
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-3 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-1.jpg" alt="">
                                                <span>洗手机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-2.jpg" alt="">
                                                <span>剃须刀</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-3.jpg" alt="">
                                                <span>日光镜</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-4.jpg" alt="">
                                                <span>牙刷</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-5.jpg" alt="">
                                                <span>吹风机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-6.jpg" alt="">
                                                <span>体重秤</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/chilren-7.jpg" alt="">
                                                    <span>血压计</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-8.jpg" alt="">
                                                <span>体温计</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-9.jpg" alt="">
                                                <span>早教启智</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-10.jpg" alt="">
                                                <span>遥控电动</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-11.jpg" alt="">
                                                <span>益智积木</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-12.jpg" alt="">
                                                <span>儿童手表</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-13.jpg" alt="">
                                                <span>儿童滑板车</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/chilren-14.jpg" alt="">
                                                <span>米兔拉杆箱</span>
                                            </a>
                                        </li>
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/chilren-15.jpg" alt="">
                                                    <span>婴儿推车</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/chilren-16.jpg" alt="">
                                                    <span>儿童书包</span>
                                                </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <img src="images/subnav/chilren-17.jpg" alt="">
                                                        <span>婴儿理发器</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="images/subnav/chilren-18.jpg" alt="">
                                                        <span>儿童保温杯</span>
                                                    </a>
                                                </li>
                                    </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                耳机 音箱
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-2 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-1.jpg" alt="">
                                                <span>小米 小爱音箱mini</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-2.jpg" alt="">
                                                <span>线控耳机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-3.jpg" alt="">
                                                <span>蓝牙耳机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-4.jpg" alt="">
                                                <span>头戴耳机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-5.jpg" alt="">
                                                <span>品牌耳机</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-6.jpg" alt="">
                                                <span>蓝牙音箱</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/sound-7.jpg" alt="">
                                                    <span>小米AI音箱</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-8.jpg" alt="">
                                                <span>小米小爱音箱HD</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/sound-9.jpg" alt="">
                                                <span>K歌耳机</span>
                                             </a>
                                        </li>
                                    </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                生活 箱包
                                <i class="iconfont icon-arrow-right fl-r"></i>
                            </a>
                            <div class="category-list category-list-3 pos-a clearfix">
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-1.jpg" alt="">
                                                <span>双肩包</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-2.jpg" alt="">
                                                <span>钱包</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-3.jpg" alt="">
                                                <span>旅行箱</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-4.jpg" alt="">
                                                <span>运动鞋</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-5.jpg" alt="">
                                                <span>服饰</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-6.jpg" alt="">
                                                <span>眼镜</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/life-7.jpg" alt="">
                                                    <span>床垫</span>
                                                </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-8.png" alt="">
                                                <span>枕头</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-9.png" alt="">
                                                <span>沙发</span>
                                             </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-10.jpg" alt="">
                                                <span>饰品</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-11.jpg" alt="">
                                                <span>螺丝刀</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-12.jpg" alt="">
                                                <span>保温杯</span>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="categroy-list-item fl-l">
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-13.jpg" alt="">
                                                <span>伞</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/subnav/life-14.jpg" alt="">
                                                <span>驱蚊器</span>
                                            </a>
                                        </li>
                                        <li>
                                                <a href="#">
                                                    <img src="images/subnav/life-15.jpg" alt="">
                                                    <span>尤里克克</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="images/subnav/life-16.jpg" alt="">
                                                    <span>毛巾/浴巾</span>
                                                </a>
                                            </li>
                                            <li>
                                                    <a href="#">
                                                        <img src="images/subnav/life-17.jpg" alt="">
                                                        <span>米兔</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="images/subnav/life-18.jpg" alt="">
                                                        <span>签字笔</span>
                                                    </a>
                                                </li>
                                    </ul>
                            </div>
                        </li>
                       
                    </ul>
                </div>
                <!--  第二部分-->
                
            </div>

            <!-- banner-wheel end-->

            <!-- banner-introduce strat-->
            <div class="banner-introduce">
                <div class="b-introduce-sub clearfix">
                    <div class="sub-channel fl-l">
                        <ul class="clearfix">
                            <li class="fl-l pos-r right">
                                <a class="dis-b t-a-c" href="#">
                                    <i class="iconfont icon-xuangoushouji dis-b"></i>
                                    <span>选购区域</span> 
                                </a>
                            </li>
                            <li class="fl-l pos-r right">
                                    <a class="dis-b t-a-c" href="#">
                                            <i class="iconfont icon-gift dis-b"></i>
                                            <span>选购区域</span> 
                                        </a>
                            </li>
                            <li class="fl-l">
                                    <a class="dis-b t-a-c" href="#">
                                            <i class="iconfont icon-fma dis-b"></i>
                                            <span>选购区域</span> 
                                        </a>
                            </li>
                            <li class="fl-l pos-r right top">
                                    <a class="dis-b t-a-c" href="#">
                                            <i class="iconfont icon-shoujiqia dis-b"></i>
                                            <span>选购区域</span> 
                                        </a>
                            </li>
                            <li class="fl-l pos-r right top">
                                    <a class="dis-b t-a-c" href="#">
                                            <i class="iconfont icon-yijiuhuanxin dis-b"></i>
                                            <span>选购区域</span> 
                                        </a>
                            </li>
                            <li class="fl-l top pos-r">
                                    <a class="dis-b t-a-c" href="#">
                                            <i class="iconfont icon-huafeichongzhi dis-b"></i>
                                            <span>选购区域</span> 
                                        </a>
                            </li>
                        </ul>
                    </div>
                    <div class="sub-pormo fl-l mar-l14">
                        <ul class="clearfix">
                            <li class="fl-l">
                                <a href="#" class="dis-b">
                                    <img src="images/introduce/introduce-1.jpg" alt="">
                                </a>
                            </li>
                            <li class="fl-l mar-l15">
                                <a href="#" class="dis-b">
                                    <img src="images/introduce/introduce-2.jpg" alt="">
                                </a>
                            </li>
                            <li class="fl-l mar-l15">
                                <a href="#" class="dis-b">
                                    <img src="images/introduce/introduce-3.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="banner-preheat mar-t26">
                    <a href="#"class="dis-b">
                        <img src="images/introduce/introduce-4.jpg" alt="">
                    </a>
                </div>
            </div>

            <!-- banner-introduce end-->
        </div>
    </div>
    <!-- banner end -->

    <!-- content strat -->
    <div id="main">
        <div class="container">
            <!--  phone start-->
            <div class="phone">
                <div class="main-title clearfix">
                    <h3 class="fl-l f-wei-nor">手机</h3>
                    <div class="more fl-r">
                        <a class="dis-b" href="#">
                             查看全部
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="main-content clearfix">
                    <div class="main-promo fl-l">
                        <a href="#" class="dis-b">
                            <img src="images/main/phone/mi-promo.jpg" alt="">
                        </a>
                    </div>
                    <div class="main-goods fl-l mar-l14">
                        <ul class="clearfix">
                            <li class="fl-l pos-r">
                                <a href="#" class="dis-b">
                                    <img src="images/main/phone/mi-1.jpg" alt="">
                                </a>
                                <div class="title">
                                    <a href="#">小米9 6GB+128GB</a>
                                </div>
                                <div class="sub-title">
                                    骁龙855，索尼4800万超广角微距三摄
                                </div>
                                <p class="price">
                                    2999元起
                                </p>
                                <div class="flags">
                                    <div class="flag">新品</div>
                                </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-2.jpg" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">小米9SE 6GB+64GB</a>
                                        </div>
                                        <div class="sub-title">
                                            索尼4800万超广角三摄，骁龙712
                                        </div>
                                        <p class="price">
                                            1999元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag">新品</div>
                                        </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-3.jpg" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">Redmi Note 7 3GB+32G</a>
                                        </div>
                                        <div class="sub-title">
                                            4800万拍照千元机，18个月超长质保
                                        </div>
                                        <p class="price">
                                            999元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag">新品</div>
                                        </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-4.png" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">小米Play 4GB+64GB</a>
                                        </div>
                                        <div class="sub-title">
                                            5.84"小水滴全面屏，后置1200万 AI 双...
                                        </div>
                                        <p class="price">
                                            1099元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag">新品</div>
                                        </div>
                            </li>
                            <li class="fl-l mar-t14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-5.jpg" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">小米8青春版6GB+64GB</a>
                                        </div>
                                        <div class="sub-title">
                                            潮流镜面渐变色，2400万自拍旗舰
                                        </div>
                                        <p class="price">
                                            1499元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag1">减价两百</div>
                                        </div>
                            </li>
                            <li class="fl-l mar-l14 mar-t14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-6.jpg" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">小米8 SE 6GB+64GB</a>
                                        </div>
                                        <div class="sub-title">
                                            三星 AMOLED 全面屏，骁龙710
                                        </div>
                                        <p class="price">
                                            1599元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag1">享八折</div>
                                        </div>
                            </li>
                            <li class="fl-l mar-l14 mar-t14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-7.jpg" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">小米6X 6GB+128GB</a>
                                        </div>
                                        <div class="sub-title">
                                            轻薄美观的拍照手机
                                        </div>
                                        <p class="price">
                                            1499元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag1">享八折</div>
                                        </div>
                            </li>
                            <li class="fl-l mar-l14 mar-t14 pos-r">
                                    <a href="#" class="dis-b">
                                            <img src="images/main/phone/mi-8.jpg" alt="">
                                        </a>
                                        <div class="title">
                                            <a href="#">红米6A 2GB+16GB</a>
                                        </div>
                                        <div class="sub-title">
                                            12nm高性能处理器，1300万高清相机
                                        </div>
                                        <p class="price">
                                            549元起
                                        </p>
                                        <div class="flags">
                                            <div class="flag1">减50元</div>
                                        </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="promo">
                    <a href="#" class="dis-b">
                        <img src="images/main/banner/banner-1.jpg" alt="">
                    </a>
                </div>
            </div>
            <!--  phone end-->


            <!--  house start-->
            <div class="house">
                    <div class="main-title clearfix">
                        <h3 class="fl-l f-wei-nor">家电</h3>
                        <div class="main-list fl-r">
                            <ul class="clearfix">
                                <li class="fl-l">
                                    <a class="b-hover" href="#">热门</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电影影音</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电脑</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">家居</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="main-content clearfix">
                        <div class="main-promo fl-l">
                            <a href="#" class="dis-b">
                                <img src="images/main/house/house-promo-1.jpg" alt="">
                            </a>
                            <a href="#" class="dis-b mar-t14 pad-t30">
                                <img src="images/main/house/house-promo-2.jpg" alt="">
                            </a>
                        </div>
                        <div class="main-goods fl-l mar-l14">
                            <ul class="clearfix">
                                <li class="fl-l pos-r">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/house/house-1.jpg" alt="">
                                    </a>
                                    <div class="title">
                                        <a href="#">Redmi全自动波轮洗衣机</a>
                                    </div>
                                   
                                    <p class="price mar-t32">
                                        799元起
                                    </p>
                                    <div class="flags">
                                        <div class="flag">新品</div>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/house/house-2.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米家互联网空调</a>
                                            </div>
                                            <div class="sub-title">
                                                1.5匹变频 / 高效制冷热 / AI远程控制
                                            </div>
                                            <p class="price">
                                                1999元起
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">已安装好了，是不是很气派</div>
                                                <p> 来自于 孙李 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/house/house-3.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">15.6"笔记本 i5 4G MX110</a>
                                            </div>
                                            <div class="sub-title">
                                               
                                            </div>
                                            <p class="price mar-t32">
                                                4199元起
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">物流很快的，笔记本很流畅，体验超级棒，显示屏很清晰</div>
                                                <p>  来自于 小小快乐 的评价  </p>
                                            </div>
                                            <div class="flags">
                                                <div class="flag">新品</div>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/house/house-4.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">13.3"小米笔记本Air 四核i7 8G 256G MX150 银色</a>
                                            </div>
                                            <div class="sub-title">
                                               
                                            </div>
                                            <p class="price">
                                                5999元起
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">轻薄完美，深空灰超帅！</div>
                                                <p>  来自于 1*215219 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/house/house-5.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米家空气净化器Pro</a>
                                            </div>
                                            <div class="sub-title">
                                                OLED 显示屏幕 / 激光颗粒物传感器
                                            </div>
                                            <p class="price">
                                                1299元起
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">小小的 喜欢 希望可以用久一点 还是不错的</div>
                                                <p>  来自于 2156774032 的评价   </p>
                                            </div>
                                            <div class="flags">
                                                <div class="flag1">减价两百</div>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/house/house-6.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米家电水壶</a>
                                            </div>
                                            <div class="sub-title">
                                                一杯水，是一家人的安心
                                            </div>
                                            <p class="price">
                                                99元起
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">变成忠实的米粉了，烧水很快声音也小，顺便晒几张小米8...</div>
                                                <p> 来自于 针掉在路上 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/house/house-7.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米家LED吸顶灯</a>
                                            </div>
                                            <div class="sub-title">
                                                用光线，还原理想生活
                                            </div>
                                            <p class="price">
                                                399元起
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">物流很快。包装严实。做工精细。安装方便。功能正常。值...</div>
                                                <p> 来自于 beijing  ljh 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                    <div class="left fl-l pad-l30">
                                            <div class="title">
                                                <a href="#">小米净水器</a>
                                            </div>
                                            <p class="price">
                                                1499元起
                                            </p>
                                    </div>
                                    <div class="right fl-r">
                                        <a href="#">
                                            <img src="images/main/house/house-8-1.jpg" alt="">
                                        </a>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                        <div class="left fl-l pad-t15">
                                            <a href="#" class="dis-b p-a">
                                                <div class="t-more">浏览更多</div>
                                                <div class="hot">热门</div>
                                            </a>
                                        </div>
                                        <div class="right fl-l">
                                            <a href="#">
                                                <i class="iconfont icon-arrows-right-circle"></i>
                                            </a>
                                        </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="promo">
                        <a href="#" class="dis-b">
                            <img src="images/main/banner/banner-2.jpg" alt="">
                        </a>
                    </div>
            </div>
            <!--  house end-->

            <!--  intelligence start-->
            <div class="intelligence">
                    <div class="main-title clearfix">
                        <h3 class="fl-l f-wei-nor">智能</h3>
                        <div class="main-list fl-r">
                            <ul class="clearfix">
                                <li class="fl-l">
                                    <a class="b-hover" href="#">热门</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电影影音</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电脑</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">家居</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="main-content clearfix">
                        <div class="main-promo fl-l">
                            <a href="#" class="dis-b">
                                <img src="images/main/Intelligence/intelligence-promo.jpg" alt="">
                            </a>
                            <a href="#" class="dis-b mar-t14 pad-t30">
                                <img src="images/main/Intelligence/intelligence-promo-2.jpg" alt="">
                            </a>
                        </div>
                        <div class="main-goods fl-l mar-l14">
                            <ul class="clearfix">
                                <li class="fl-l pos-r">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/Intelligence/intelligence-1.png" alt="">
                                    </a>
                                    <div class="title">
                                        <a href="#">米家飞利浦智睿台灯二代</a>
                                    </div>
                                    <div class="sub-title">
                                        感知环境光，主动优化场景照明
                                    </div>
                                    <p class="price">
                                        199元
                                    </p>
                                    <div class="bottom pos-a t-a-l">
                                        <div class="b-title">发货送货超级快，下单到收到只几个小时，惊呆了。台灯非...</div>
                                        <p>  来自于 416250199 的评价 </p>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/Intelligence/intelligence-2.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米手环3</a>
                                            </div>
                                            
                                            <p class="price mar-t32">
                                                169元
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">支持小米!从米环1用到米环3。这款外观不错，值得一买。</div>
                                                <p>  来自于 情深意浓 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/Intelligence/intelligence-3.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米体重秤</a>
                                            </div>
                                            <div class="sub-title">
                                                高精度压力传感器 / 手机管理全家健康
                                            </div>
                                            <p class="price">
                                                99元
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">嗯，果然很精准。进一步确定了我作为一个胖子的事实！配...</div>
                                                <p> 来自于 觉醒的加菲猫 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/Intelligence/intelligence-4.png" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">高精度压力传感器 / 手机管理全家健康</a>
                                            </div>
                                            <div class="sub-title">
                                                IH 电磁环绕加热 
                                            </div>
                                            <p class="price">
                                                599元
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">漂亮，希望做的饭好吃。重要的事说三遍喜欢喜欢喜欢</div>
                                                <p> 来自于 908575162 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/Intelligence/intelligence-5.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">车载空气净化器(USB车充版)</a>
                                            </div>
                                            <div class="sub-title">
                                                高效净化车内空气
                                            </div>
                                            <p class="price">
                                                499元
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">质量非常好，与卖家描述的完全一致，非常满意,真的完全...</div>
                                                <p> 来自于 ╭ァ髙鮱三ヤ 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/Intelligence/intelligence-6.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">小米米家行车记录仪1S</a>
                                            </div>
                                            <div class="sub-title">
                                            </div>
                                            <p class="price mar-t32">
                                                349元
                                            </p>
                                            <div class="flags">
                                                <div class="flag">新品</div>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/Intelligence/intelligence-7.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米家声波电动牙刷</a>
                                            </div>
                                            <div class="sub-title">
                                                磁悬浮声波马达，定制多种刷牙模式
                                            </div>
                                            <p class="price">
                                                199元
                                            </p>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">目前挺好的，试用一段时间后才知道质量好不好，买了mi...</div>
                                                <p>  来自于 nicholas 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                    <div class="left fl-l pad-l30">
                                            <div class="title">
                                                <a href="#">小米插线板（含3口USB 2A快充） 白色</a>
                                            </div>
                                            <p class="price">
                                                49元
                                            </p>
                                    </div>
                                    <div class="right fl-r">
                                        <a href="#">
                                            <img src="images/main/Intelligence/intelligence-8.jpg" alt="">
                                        </a>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                        <div class="left fl-l pad-t15">
                                            <a href="#" class="dis-b p-a">
                                                <div class="t-more">浏览更多</div>
                                                <div class="hot">热门</div>
                                            </a>
                                        </div>
                                        <div class="right fl-l">
                                            <a href="#">
                                                <i class="iconfont icon-arrows-right-circle"></i>
                                            </a>
                                        </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="promo">
                        <a href="#" class="dis-b">
                            <img src="images/main/banner/banner-3.jpg" alt="">
                        </a>
                    </div>
            </div>
            <!--  intelligence end-->

            <!--  collocation start-->
            <div class="collocation">
                    <div class="main-title clearfix">
                        <h3 class="fl-l f-wei-nor">搭配</h3>
                        <div class="main-list fl-r">
                            <ul class="clearfix">
                                <li class="fl-l">
                                    <a class="b-hover" href="#">热门</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电影影音</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电脑</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">家居</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="main-content clearfix">
                        <div class="main-promo fl-l">
                            <a href="#" class="dis-b">
                                <img src="images/main/collocation/collocation-promo-1.jpg" alt="">
                            </a>
                            <a href="#" class="dis-b mar-t14 pad-t30">
                                <img src="images/main/collocation/collocation-promo-2.jpg" alt="">
                            </a>
                        </div>
                        <div class="main-goods fl-l mar-l14">
                            <ul class="clearfix">
                                <li class="fl-l pos-r">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/collocation/collocation-1.jpg" alt="">
                                    </a>
                                    <div class="title">
                                        <a href="#">  小米AI音箱  </a>
                                    </div>
                                    <p class="price">
                                        299元起
                                    </p>
                                    <div class="sub-title mar-t14">
                                        7.9万人评价
                                    </div>
                                    <div class="bottom pos-a t-a-l">
                                        <div class="b-title">优点：好看。 缺点： 有时叫半天不理。有时没有叫小爱...</div>
                                        <p>  来自于 416250199 的评价 </p>
                                    </div>
                                    <div class="bottom pos-a t-a-l">
                                        <div class="b-title">已安装好了，是不是很气派</div>
                                        <p> 来自于 32393185 的评价  </p>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/collocation/collocation-2.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米移动电源3 20000mAh 高配版  </a>
                                            </div>
                                            <p class="price">
                                                199元起
                                            </p>
                                            <div class="sub-title mar-t14">
                                                3333人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">还没有用过，看着不错期待这次出差试一下效果</div>
                                                <p> 来自于 1477146999 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/collocation/collocation-3.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  新小米移动电源2（10000mAh）  </a>
                                            </div>
                                            <p class="price">
                                                79元起
                                            </p>
                                            <div class="sub-title mar-t14">
                                                3万人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">挺好的</div>
                                                <p>  来自于 2182566703 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/collocation/collocation-4.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米移动电源2C（20000mAh）  </a>
                                            </div>
                                            <p class="price">
                                                129元起
                                            </p>
                                            <div class="sub-title mar-t14">
                                                3.7万人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">此用户没有填写评价</div>
                                                <p>  来自于 1084471718 的评价   </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/collocation/collocation-5.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米无线充电器（通用快充版）  </a>
                                            </div>
                                            <p class="price">
                                                69元起
                                            </p>
                                            <div class="sub-title mar-t14">
                                                5298人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">以前都不知道小米评价多个字以后会有积分领取，所以以前...</div>
                                                <p> 来自于 818127528 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/collocation/collocation-6.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米移动电源高配版（10000mAh）  </a>
                                            </div>
                                            <p class="price">
                                                149元起
                                            </p>
                                            <div class="sub-title mar-t14">
                                                3.4万人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">此用户没有填写评价</div>
                                                <p> 来自于 9352191 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/collocation/collocation-7.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米USB充电器36W快充版（2口）  </a>
                                            </div>
                                            <p class="price">
                                                59元起
                                            </p>
                                            <div class="sub-title mar-t14">
                                                5449人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">外观 同质量   一样好</div>
                                                <p> 来自于 269030036 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                    <div class="left fl-l pad-l30">
                                            <div class="title">
                                                <a href="#">小米净水器</a>
                                            </div>
                                            <p class="price">
                                                1499元起
                                            </p>
                                    </div>
                                    <div class="right fl-r">
                                        <a href="#">
                                            <img src="images/main/collocation/collocation-8.jpg" alt="">
                                        </a>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                        <div class="left fl-l pad-t15">
                                            <a href="#" class="dis-b p-a">
                                                <div class="t-more">浏览更多</div>
                                                <div class="hot">热门</div>
                                            </a>
                                        </div>
                                        <div class="right fl-l">
                                            <a href="#">
                                                <i class="iconfont icon-arrows-right-circle"></i>
                                            </a>
                                        </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="promo">
                        <a href="#" class="dis-b">
                            <img src="images/main/banner/banner-4.jpg" alt="">
                        </a>
                    </div>
            </div>
            <!--  collocation end-->

            <!--  parts start-->
            <div class="parts">
                    <div class="main-title clearfix">
                        <h3 class="fl-l f-wei-nor">配件</h3>
                        <div class="main-list fl-r">
                            <ul class="clearfix">
                                <li class="fl-l">
                                    <a class="b-hover" href="#">热门</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电影影音</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电脑</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">家居</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="main-content clearfix">
                        <div class="main-promo fl-l">
                            <a href="#" class="dis-b">
                                <img src="images/main/parts/parts-promo-1.jpg" alt="">
                            </a>
                            <a href="#" class="dis-b mar-t14 pad-t30">
                                <img src="images/main/parts/parts-promo-2.jpg" alt="">
                            </a>
                        </div>
                        <div class="main-goods fl-l mar-l14">
                            <ul class="clearfix">
                                <li class="fl-l pos-r">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/parts/parts-1.jpg" alt="">
                                    </a>
                                    <div class="title">
                                        <a href="#">  红米Note 7 洞洞保护壳（创意镂空）  </a>
                                    </div>
                                    <p class="price">
                                        29元
                                    </p>
                                    <div class="sub-title mar-t32">
                                        1856人评价
                                    </div>
                                    <div class="bottom pos-a t-a-l">
                                        <div class="b-title">挺好的，不过老婆说有点滑，后面加了个手机扣就好多了</div>
                                        <p>  来自于 2220864099 的评价  </p>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/parts/parts-2.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  红米Note 7  标准高透贴膜  </a>
                                            </div>
                                            <p class="price">
                                                19元
                                            </p>
                                            <div class="sub-title mar-t32">
                                                1652人评价
                                            </div>        
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">此用户没有填写评价</div>
                                                <p>  来自于 714351680 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/parts/parts-3.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米8 标准钢化玻璃膜  </a>
                                            </div>
                                            <p class="price">
                                                29元
                                            </p>
                                            <div class="sub-title mar-t32">
                                                8797人评价
                                            </div>
                                                   
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">好用好用好用好用好用好用好用</div>
                                                <p> 来自于 344820657 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/parts/parts-4.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米8  硅胶保护套  </a>
                                            </div>
                                            <p class="price">
                                                49元    
                                            </p>
                                            <div class="sub-title mar-t32">
                                                7269人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">有点厚，其他还好</div>
                                                <p>  来自于 1131256969 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/parts/parts-5.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米 8 屏幕指纹版&小米 8 透明探索版  硅胶保护套  </a>
                                            </div>
                                            <p class="price">
                                               49元
                                            </p>
                                            <div class="sub-title mar-t32">
                                                1743人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">此用户没有填写评价</div>
                                                <p> 来自于 856929507 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/parts/parts-6.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  Mi MIX 2S 真皮保护套  </a>
                                            </div>
                                            <p class="price">
                                                99元
                                            </p>
                                            <div class="sub-title mar-t32">
                                                855人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">东西不错，用着刚好，好评！</div>
                                                <p> 来自于 1241501669 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/parts/parts-7.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">  小米8青春版极简高透保护壳  </a>
                                            </div>
                                            <p class="price">
                                                29元
                                            </p>
                                            <div class="sub-title mar-t32">
                                                936人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">此用户没有填写评价</div>
                                                <p>  来自于 259586991 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                    <div class="left fl-l pad-l30">
                                            <div class="title">
                                                <a href="#">小米 8 标准高透贴膜</a>
                                            </div>
                                            <p class="price">
                                                19元
                                            </p>
                                    </div>
                                    <div class="right fl-r">
                                        <a href="#">
                                            <img src="images/main/parts/parts-8.jpg" alt="">
                                        </a>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                        <div class="left fl-l pad-t15">
                                            <a href="#" class="dis-b p-a">
                                                <div class="t-more">浏览更多</div>
                                                <div class="hot">热门</div>
                                            </a>
                                        </div>
                                        <div class="right fl-l">
                                            <a href="#">
                                                <i class="iconfont icon-arrows-right-circle"></i>
                                            </a>
                                        </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="promo">
                        <a href="#" class="dis-b">
                            <img src="images/main/banner/banner-5.png" alt="">
                        </a>
                    </div>
            </div>
            <!-- parts end-->

            <!-- periphery start-->
            <div class="periphery">
                    <div class="main-title clearfix">
                        <h3 class="fl-l f-wei-nor">周边</h3>
                        <div class="main-list fl-r">
                            <ul class="clearfix">
                                <li class="fl-l">
                                    <a class="b-hover" href="#">热门</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电影影音</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">电脑</a>
                                </li>
                                <li class="fl-l mar-l30">
                                    <a class="b-hover" href="#">家居</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="main-content clearfix">
                        <div class="main-promo fl-l">
                            <a href="#" class="dis-b">
                                <img src="images/main/periphery/periphery-promo-1.jpg" alt="">
                            </a>
                            <a href="#" class="dis-b mar-t14 pad-t30">
                                <img src="images/main/periphery/periphery-promo-2.jpg" alt="">
                            </a>
                        </div>
                        <div class="main-goods fl-l mar-l14">
                            <ul class="clearfix">
                                <li class="fl-l pos-r">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/periphery/periphery-1.jpg" alt="">
                                    </a>
                                    <div class="title">
                                        <a href="#">TS尼龙偏光太阳镜 米家定制灰色</a>
                                    </div>
                                    <p class="price">
                                        199元
                                    </p>
                                    <div class="sub-title">
                                        1.7万人评价
                                    </div>
                                    <div class="bottom pos-a t-a-l">
                                        <div class="b-title">非常满意的一次购物，眼镜很轻，清晰度很好，遮阳效果也...</div>
                                        <p> 来自于 的哥汽修15077093868 的评价  </p>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/periphery/periphery-2.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米兔招财猫足金吊坠</a>
                                            </div>
                                            <p class="price">
                                                888元
                                            </p>
                                            <div class="sub-title">
                                                1675人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">高端大气上档次，我已经拥有了...</div>
                                                <p>  来自于 我有两匹马 的评价   </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/periphery/periphery-3.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">90分轻薄无缝一体织鹅绒羽绒服 黑色</a>
                                            </div>
                                            <p class="price">
                                                229元
                                            </p>
                                            <div class="sub-title">
                                                5654人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">总体感觉不错，165cm.75公斤㎏，XL的刚合适...</div>
                                                <p> 来自于 靠近我，温暖你 的评价 </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/periphery/periphery-4.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">飞天猪米兔</a>
                                            </div>
                                            <p class="price">
                                                44元
                                            </p>
                                            <div class="sub-title">
                                                347人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">很可爱呀～特别特别可爱，猪年的兔子萌萌哒</div>
                                                <p>  来自于 沉默⚡不是金 的评价  </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/periphery/periphery-5.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">保温杯</a>
                                            </div>
                                            <p class="price">
                                               99元
                                            </p>
                                            <div class="sub-title">
                                                1.9万人评价
                                            </div>
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">上一个忘记在查济古镇了…重新买了个…以后一看到杯子就...</div>
                                                <p>  来自于 孙文浩 的评价   </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/periphery/periphery-6.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">米家飞天猪足金吊坠</a>
                                            </div>
                                            <p class="price">
                                                799元起
                                            </p>
                                            <div class="sub-title">
                                                262人评价
                                            </div>
                                            
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">给老妈本命年买的～...</div>
                                                <p>  来自于 有人叫我昊姐 的评价   </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 pos-r">
                                        <a href="#" class="dis-b">
                                                <img src="images/main/periphery/periphery-7.jpg" alt="">
                                            </a>
                                            <div class="title">
                                                <a href="#">贝医生巴氏牙刷(四色装)</a>
                                            </div>
                                            <p class="price">
                                                39.9元
                                            </p>
                                            <div class="sub-title">
                                                1.7万人评价
                                            </div>
                                            
                                            <div class="bottom pos-a t-a-l">
                                                <div class="b-title">拿回家就和女儿一起刷了牙！哈哈！软，好，甜甜哒！...</div>
                                                <p>   来自于 阿米 的评价    </p>
                                            </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                    <div class="left fl-l pad-l30">
                                            <div class="title">
                                                <a href="#">8H乳胶弹簧静音床垫</a>
                                            </div>
                                            <p class="price">
                                                1599元起
                                            </p>
                                    </div>
                                    <div class="right fl-r">
                                        <a href="#">
                                            <img src="images/main/periphery/periphery-8.jpg" alt="">
                                        </a>
                                    </div>
                                </li>
                                <li class="fl-l mar-l14 mar-t14 small clearfix">
                                        <div class="left fl-l pad-t15">
                                            <a href="#" class="dis-b p-a">
                                                <div class="t-more">浏览更多</div>
                                                <div class="hot">热门</div>
                                            </a>
                                        </div>
                                        <div class="right fl-l">
                                            <a href="#">
                                                <i class="iconfont icon-arrows-right-circle"></i>
                                            </a>
                                        </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="promo">
                        <a href="#" class="dis-b">
                            <img src="images/main/banner/banner-6.jpg" alt="">
                        </a>
                    </div>
            </div>
            <!--  periphery end-->

            <!--   reccommend start-->
            <div class="reccommend mar-b20">
                <div class="main-title clearfix">
                    <h3 class="fl-l f-wei-nor mar-l15">为你推荐</h3>
                    <div class="main-list fl-r">
                       <a href="#" class="no"> < </a>
                       <a href="#"> > </a>
                    </div>
                </div>
                <div class="main-content clearfix">
                    <div class="main-goods fl-l mar-l14">
                        <ul class="clearfix">
                            <li class="fl-l pos-r">
                               <div class="figure">
                                   <a href="#" class="dis-b pad-t20">
                                       <img src="images/main/recommend/recommend-1.jpeg" alt="">
                                   </a>
                                   <div class="title">
                                    <a href="#">米兔招财猫足金吊坠</a>
                                    </div>
                                    <p class="price">
                                        888元
                                    </p>
                                    <div class="sub-title">
                                        1675人评价
                                    </div>
                               </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b pad-t20">
                                        <img src="images/main/recommend/recommend-2.jpg" alt="">
                                    </a>
                                    <div class="title">
                                     <a href="#">米兔招财猫足金吊坠</a>
                                     </div>
                                     <p class="price">
                                         888元
                                     </p>
                                     <div class="sub-title">
                                         1675人评价
                                     </div>
                                </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b pad-t20">
                                        <img src="images/main/recommend/recommend-3.jpg" alt="">
                                    </a>
                                    <div class="title">
                                     <a href="#">米兔招财猫足金吊坠</a>
                                     </div>
                                     <p class="price">
                                         888元
                                     </p>
                                     <div class="sub-title">
                                         1675人评价
                                     </div>
                                </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b pad-t20">
                                        <img src="images/main/recommend/recommend-4.jpg" alt="">
                                    </a>
                                    <div class="title">
                                     <a href="#">米兔招财猫足金吊坠</a>
                                     </div>
                                     <p class="price">
                                         888元
                                     </p>
                                     <div class="sub-title">
                                         1675人评价
                                     </div>
                                </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b pad-t20">
                                        <img src="images/main/recommend/recommend-5.jpg" alt="">
                                    </a>
                                    <div class="title">
                                     <a href="#">米兔招财猫足金吊坠</a>
                                     </div>
                                     <p class="price">
                                         888元
                                     </p>
                                     <div class="sub-title">
                                         1675人评价
                                     </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--   reccommend end-->

            <!--hot-commodity start-->
            <div class="hotcommodity mar-b20 span4">
                <div class="main-title clearfix">
                    <h3 class="fl-l f-wei-nor mar-l15">热门商品</h3>
                </div>
                <div class="main-content clearfix">
                    <div class="main-goods fl-l mar-l14">
                        <ul class="clearfix">
                            <li class="fl-l pos-r">
                               <div class="figure">
                                   <a href="#" class="dis-b">
                                       <img src="images/main/hot/01.jpg" alt="">
                                   </a>
                               </div>
                               <p class="con mar-b56">
                                   <a href="#" class="dis-b">非常可爱，一拿到小宝宝还没享受，一帮大宝宝先high了一把，同事也想买，希望早点大卖...</a>
                               </p>
                               <div class="sub-title t-a-l pad-l28 mar-t30">
                                    来自于 秘密 的评价 
                            </div>
                            <div class="name pad-l28 t-a-l">
                                <span class="name-title ">米兔智能故事机</span>    
                                <span class="name-price ">999元</span>
                            </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/hot/02.jpg" alt="">
                                    </a>
                                </div>
                                <p class="con">
                                    <a href="#" class="dis-b">外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大...</a>
                                </p>
                                <div class="sub-title t-a-l pad-l28 mar-t30">
                                 来自于 酸小妞～！ 的评价 
                             </div>
                             <div class="name pad-l28 t-a-l">
                                 <span class="name-title ">米家车载空气净化器（USB车充版） 灰色</span>    
                                 <span class="name-price ">449元</span>
                             </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/hot/03.jpg" alt="">
                                    </a>
                                </div>
                                <p class="con">
                                    <a href="#" class="dis-b">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</a>
                                </p>
                                <div class="sub-title t-a-l pad-l28 mar-t30">
                                        来自于 HZG 的评价  
                             </div>
                             <div class="name pad-l28 t-a-l">
                                 <span class="name-title ">米家压力IH电饭煲</span>    
                                 <span class="name-price ">999元</span>
                             </div>
                            </li>
                            <li class="fl-l mar-l14 pos-r">
                                <div class="figure">
                                    <a href="#" class="dis-b">
                                        <img src="images/main/hot/04.jpg" alt="">
                                    </a>
                                </div>
                                <p class="con">
                                    <a href="#" class="dis-b">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</a>
                                </p>
                                <div class="sub-title t-a-l pad-l28 mar-t30">
                                        来自于 yinyin19891117 的评价  
                             </div>
                             <div class="name pad-l28 t-a-l">
                                 <span class="name-title ">小米插线板</span>    
                                 <span class="name-price ">49元</span>
                             </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--hot-commodity end-->

            <!--content start-->
            <div class="content mar-b20 span4">
                <div class="main-title clearfix">
                    <h3 class="fl-l f-wei-nor mar-l15">内容</h3>
                </div>
                <div class="main-content clearfix">
                    <div class="main-goods fl-l mar-l14">
                        <ul class="clearfix">
                            <li class="fl-l pos-r ">
                                <h3 class="c-title yellow">图书</h3>
                                <h4>
                                    <a href="#">哈利·波特与被诅咒的孩子</a> 
                                </h4>
                                <div class="descrition">
                                    <a href="#" class="dis-b">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a> 
                                 </div>
                                <div class="price">29.73元</div>
                                <div class="figure">
                                    <a href="#">
                                        <img src="images/main/content/content-1.png" alt="">
                                    </a>
                                </div>
                                <ul>
                                    <li class="default"></li>
                                    <li class="pointer mar-l22"></li>
                                    <li class="pointer mar-l22"></li>
                                </ul>
                            </li>
                            <li class="fl-l mar-l14 pos-r ">
                                    <h3 class="c-title green">MIUI 主题</h3>
                                    <h4>
                                        <a href="#">电影版《夏目友人帐》主题</a> 
                                    </h4>
                                    <div class="descrition">
                                        <a href="#" class="dis-b">快下载《夏目友人帐》主题拥有最温柔的少年和最可爱的猫咪老师！</a> 
                                     </div>
                                    <div class="price">免费</div>
                                    <div class="figure">
                                        <a href="#">
                                            <img src="images/main/content/content-2.png" alt="">
                                        </a>
                                    </div>
                                    <ul>
                                        <li class="default"></li>
                                        <li class="pointer mar-l22"></li>
                                        <li class="pointer mar-l22"></li>
                                    </ul>
                            </li>
                            <li class="fl-l mar-l14 pos-r ">
                                    <h3 class="c-title blue">游戏</h3>
                                    <h4>
                                        <a href="#">非人学园</a> 
                                    </h4>
                                    <div class="descrition mar-b40">
                                        <a href="#" class="dis-b">脑洞大开的二次元竞技手游</a> 
                                     </div>
                                    <div class="price"></div>
                                    <div class="figure">
                                        <a href="#">
                                            <img src="images/main/content/content-3.png" alt="">
                                        </a>
                                    </div>
                                    <ul>
                                        <li class="default"></li>
                                        <li class="pointer mar-l22"></li>
                                        <li class="pointer mar-l22"></li>
                                    </ul>
                            </li>
                            <li class="fl-l mar-l14 pos-r ">
                                    <h3 class="c-title red">应用</h3>
                                    <h4>
                                        <a href="#">2018金米奖</a> 
                                    </h4>
                                    <div class="descrition mar-b40">
                                        <a href="#" class="dis-b">最优秀的应用和游戏</a> 
                                     </div>
                                    <div class="price"></div>
                                    <div class="figure">
                                        <a href="#">
                                            <img src="images/main/content/content-4.png" alt="">
                                        </a>
                                    </div>
                                    <ul>
                                        <li class="default"></li>
                                        <li class="pointer mar-l22"></li>
                                        <li class="pointer mar-l22"></li>
                                    </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--content end-->

            <!--video start-->
            <div class="video pad-b80 span4">
                    <div class="main-title clearfix">
                        <h3 class="fl-l f-wei-nor mar-l15">视频</h3>
                    </div>
                    <div class="main-content clearfix">
                        <div class="main-goods fl-l mar-l14">
                            <ul class="clearfix">
                                <li class="fl-l pos-r ">
                                    <div class="figure">
                                        <a href="#" class="dis-b">
                                            <img src="images/main/video/video-1.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="title">
                                        <a href="#">王源 & 小米9 全新广告大片</a>
                                    </div>
                                    <div class="sub-title">好看又能打！我反正被帅到了，Will You？</div>
                                    <i class="iconfont icon-shipin pos-a"></i>
                                </li>
                                <li class="fl-l mar-l14 pos-r ">
                                        <div class="figure">
                                                <a href="#" class="dis-b">
                                                    <img src="images/main/video/video-2.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="title">
                                                <a href="#">雷军对话王源</a>
                                            </div>
                                            <div class="sub-title">聊了3小时，这9个秘密决定公开</div>
                                            <i class="iconfont icon-shipin pos-a"></i>
                                </li>
                                <li class="fl-l mar-l14 pos-r green">
                                        <div class="figure">
                                                <a href="#" class="dis-b">
                                                    <img src="images/main/video/video-3.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="title">
                                                <a href="#">小米MIX 3 磁动力滑盖全面屏</a>
                                            </div>
                                            <div class="sub-title">全新滑盖交互体验，不一样的新感觉</div>
                                            <i class="iconfont icon-shipin pos-a"></i>
                                </li>
                                <li class="fl-l mar-l14 pos-r blue">
                                        <div class="figure">
                                                <a href="#" class="dis-b">
                                                    <img src="images/main/video/video-4.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="title">
                                                <a href="#">王源 & 小米9 全新广告大片</a>
                                            </div>
                                            <div class="sub-title">好看又能打！我反正被帅到了，Will You？</div>
                                            <i class="iconfont icon-shipin pos-a"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            <!--video end-->
        </div>
    </div>
    <!-- content end -->

    <!-- footer strat -->
    <div id="footer">
        <div class="container">
            <div class="service-list">
                <ul class="clearfix">
                    <li class="fl-l ">
                        <a href="#">
                            <i class="iconfont icon-weixiu"></i>
                            预约维修服务
                        </a>
                    </li>
                    <li class="fl-l">
                        <a href="#">
                            <i class="iconfont icon-qitian"></i>
                            7天无理由退货
                        </a>
                    </li>
                    <li class="fl-l">
                        <a href="#">
                            <i class="iconfont icon-icon-test"></i>
                            15天免费换货
                        </a>
                    </li>
                    <li class="fl-l">
                        <a href="#">
                            <i class="iconfont icon-gift"></i>
                            满150元包邮
                        </a>
                    </li>
                    <li class="fl-l">
                        <a href="#">
                            <i class="iconfont icon-zuobiao"></i>
                            520余家售后网点
                        </a>
                    </li>
                </ul>
            </div>
            <div class="f-links clearfix">
                <dl class="fl-l">
                    <dt class="mar-b26">帮助中心 </dt>
                    <dd class="mar-t10"><a href="#">账户管理</a></dd>
                    <dd class="mar-t10"><a href="#">购物指南</a></dd>
                    <dd class="mar-t10"><a href="#">订单操作</a></dd>
                </dl>
                <dl class="fl-l">
                    <dt class="mar-b26">服务支持 </dt>
                    <dd class="mar-t10"><a href="#">售后政策</a></dd>
                    <dd class="mar-t10"><a href="#">自助服务</a></dd>
                    <dd class="mar-t10"><a href="#">相关下载</a></dd>
                </dl>
                <dl class="fl-l">
                    <dt class="mar-b26">关于小米 </dt>
                    <dd class="mar-t10"><a href="#">了解小米</a></dd>
                    <dd class="mar-t10"><a href="#">加入小米</a></dd>
                    <dd class="mar-t10"><a href="#">投资者关系</a></dd>
                </dl>
                <dl class="fl-l">
                    <dt class="mar-b26">特色服务 </dt>
                    <dd class="mar-t10"><a href="#">F 码通道</a></dd>
                    <dd class="mar-t10"><a href="#">礼物码</a></dd>
                    <dd class="mar-t10"><a href="#">防伪查询</a></dd>
                </dl>
                <dl class="fl-l">
                    <dt class="mar-b26">关注我们 </dt>
                    <dd class="mar-t10"><a href="#">新浪微博</a></dd>
                    <dd class="mar-t10"><a href="#">官方微信</a></dd>
                    <dd class="mar-t10"><a href="#">联系我们</a></dd>
                </dl>
                <dl class="fl-l">
                    <dt class="mar-b26">线下门店 </dt>
                    <dd class="mar-t10"><a href="#">小米之家</a></dd>
                    <dd class="mar-t10"><a href="#">服务网点</a></dd>
                    <dd class="mar-t10"><a href="#">授权体验店</a></dd>
                </dl>
                <div class="contact fl-r">
                    <div class="tel">400-100-5678</div>
                    <div class="time">
                        <p>周一至周日 8:00-18:00</p> 
                        <p>（仅收市话费）</p>   
                    </div>
                    <div class="contact-sev">
                       <a href="#">联系客服</a> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer end -->

    <!-- site-info strat -->
    <div id="info">
        <div class="container pos-r">
            <div class="info-logo pos-a"></div>
            <div class="info-text">
                <div class="info-title">
                    <a href="#">小米商城</a>
                    <a href="#">MIUI</a>
                    <a href="#">米家</a>
                    <a href="#">米聊</a>
                    <a href="#">多看</a>
                    <a href="#">游戏</a>
                    <a href="#">路由器</a>
                    <a href="#">米粉卡</a>
                    <a href="#">政企服务</a>
                    <a href="#">小米天猫店</a>
                    <a href="#">隐私政策</a>
                    <a href="#">商城用户协议</a>
                    <a href="#">账号协议</a>
                    <a href="#">问题反馈</a>
                    <a href="#">廉正举报</a>
                    <a href="#">诚信合规</a>
                    <a href="#">Select Region</a>
                </div>
                <div class="info-content">
                    @ <a href="#"> mi.com </a>
                    京ICP证110507号
                    <a href="#">京ICP备10046444号 </a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2017]1530-131号</a><br/>
                    <a href="#">（京）网械平台备字（2018）第00005号</a>
                    <a href="#">  互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械公告</a><br/>
                    <a href="#">增值电信业务许可证</a>
                    网络食品经营备案（京）
                    【2018】WLSPJYBAHF-12
                    <a href="#">食品经营许可证 </a><br/>
                    违法和不良信息举报电话：185-0130-1238  
                    <a href="#">知识产权侵权投诉</a>
                    本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </div>
                <div class="security">
                    <a href="#">
                        <img src="images/footer/01.png" alt="">
                    </a>
                    <a href="#">
                        <img src="images/footer/02.png" alt="">
                    </a>
                    <a href="#">
                        <img src="images/footer/03.png" alt="">
                    </a>
                    <a href="#">
                        <img src="images/footer/04.png" alt="">
                    </a>
                </div>
            </div>
            <div class="slogan"></div>
        </div>
    </div>
    <!-- site-info end -->
    <!-- right-bar strat-->
    <div id="right-bar">
            <div class="bar-main">
                <ul>
                    <li class="pos-r first">
                        <a href="#" class="dis-b">
                            <i class="iconfont icon-shouji"></i>
                            <div class="bar-title">
                                手机APP
                            </div>
                        </a>
                        <div class="download1 pos-a">
                            <img width="260" height="260" src="images/topbar/download.png" alt="">
                            <p>手机扫一扫</p>
                            <p class="bar-text">一分赢好礼</p>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="dis-b">
                            <i class="iconfont icon-renwu"></i>
                            <div class="bar-title">
                                个人中心
                            </div>
                        </a>
                    </li>
                    <li>
                            <a href="#" class="dis-b">
                                    <i class="iconfont icon-lianxikefu"></i>
                                    <div class="bar-title">
                                        联系客服
                                    </div>
                                </a>
                    </li>
                    <li>
                        <a href="#" class="dis-b">
                            <i class="iconfont icon-gouwuche "></i>
                             <div class="bar-title">
                                购物车
                            </div>
                        </a>
                    </li>
                    <li class="topper">
                            <a href="#" class="dis-b">
                                    <i class="iconfont icon-huidaodingbu "></i>
                                    <div class="bar-title">
                                        回到顶部
                                    </div>
                                </a>
                    </li>
                </ul>
            </div>
    </div>
    <!-- right-bar end-->
</body>
</html>